<template>
    <view class="agreement-container">
      <view class="agreement-content">
        <view class="agreement-title">用户协议</view>
        <view class="agreement-text">
          <view class="section">
            <view class="section-title">1. 协议的范围</view>
            <view class="section-content">
              本协议是您与BJD平台之间关于使用本平台服务所订立的协议。
            </view>
          </view>
          <view class="section">
            <view class="section-title">2. 服务内容</view>
            <view class="section-content">
              BJD平台为用户提供BJD相关的展示、交易、社区等服务。
            </view>
          </view>
          <!-- 可以继续添加更多协议内容 -->
        </view>
      </view>
    </view>
  </template>
  
  <script setup>
  // 可以添加需要的逻辑
  </script>
  
  <style>
  .agreement-container {
    padding: 30rpx;
  }
  
  .agreement-title {
    font-size: 36rpx;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40rpx;
  }
  
  .section {
    margin-bottom: 30rpx;
  }
  
  .section-title {
    font-size: 30rpx;
    font-weight: bold;
    margin-bottom: 20rpx;
  }
  
  .section-content {
    font-size: 28rpx;
    color: #666;
    line-height: 1.6;
  }
  </style>